import React from 'react';
import {Route,NativeRouter,Link} from 'react-router-native';
// import { StyleSheet} from 'react-native';
import { Container,  Content, } from 'native-base';
import RouteWithSubRoutes from './util/route';
import AppStyle from './styles/App'

import routes from './routes/index';

import FooterView from './components/Footer';

// const styles = StyleSheet.create({
//   view: {
//     paddingTop: 50
//   }
// })


export default  () => (
  <NativeRouter>
    <Container >
      <Content style={AppStyle.container}>
        {
          routes.map((route,i) => (<RouteWithSubRoutes key={i} {...route} />))
        }
      </Content>
      <FooterView />
    </Container>
    
  </NativeRouter>
)